<!DOCTYPE html>
<!-- saved from url=(0049)https://youzan.github.io/vant/mobile.html#/zh-CN/ -->
<html lang="en" class=" "><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <meta http-equiv="Cache-Control" content="no-cache">
  <meta http-equiv="Pragma" content="no-cache">
  <meta http-equiv="Expires" content="0">
  <link rel="shortcut icon" href="https://img.yzcdn.cn/zanui/vant/vant-2017-12-18.ico">
  <title>Vant - 轻量、可靠的移动端 Vue 组件库</title>
  <script>window.Promise || document.write('<script src="//img.yzcdn.cn/huiyi/build/h5/js/pinkie.min.js"><\/script>');</script>
<style type="text/css">/**
 * Entry of all component's style
 */

/* base */

/**
 * Entry of basic styles
 */

/* color variables */

/* default colors */

/* button */

/**
 * 基本样式入口
 */

html {
  -webkit-tap-highlight-color: transparent;
}

body {
  margin: 0;
}

a {
  text-decoration: none;
}

a:focus, input:focus, button:focus, textarea:focus {
  outline: none;
}

ol, ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

input, button, textarea {
  font: inherit;
}

.van-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.van-clearfix::after {
  content: '';
  display: table;
  clear: both;
}

[class*='van-hairline'] {
  position: relative
}

[class*='van-hairline']::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 200%;
  height: 200%;
  -webkit-transform: scale(.5);
          transform: scale(.5);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  pointer-events: none;
  box-sizing: border-box;
  border: 0 solid #e5e5e5;
}

.van-hairline--top::after {
    border-top-width: 1px;
  }

.van-hairline--left::after {
    border-left-width: 1px;
  }

.van-hairline--right::after {
    border-right-width: 1px;
  }

.van-hairline--bottom::after {
    border-bottom-width: 1px;
  }

.van-hairline--top-bottom::after {
    border-width: 1px 0;
  }

.van-hairline--surround::after {
    border-width: 1px;
  }

@-webkit-keyframes van-slide-bottom-enter {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}

@keyframes van-slide-bottom-enter {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}

@-webkit-keyframes van-slide-bottom-leave {
  to {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}

@keyframes van-slide-bottom-leave {
  to {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}

@-webkit-keyframes van-fade-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes van-fade-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-webkit-keyframes van-fade-out {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes van-fade-out {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@-webkit-keyframes van-rotate {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes van-rotate {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.van-fade-enter-active {
    -webkit-animation: .3s van-fade-in;
            animation: .3s van-fade-in;
  }

.van-fade-leave-active {
    -webkit-animation: .3s van-fade-out;
            animation: .3s van-fade-out;
  }

.van-slide-bottom-enter-active {
    -webkit-animation: van-slide-bottom-enter .3s both ease;
            animation: van-slide-bottom-enter .3s both ease;
  }

.van-slide-bottom-leave-active {
    -webkit-animation: van-slide-bottom-leave .3s both ease;
            animation: van-slide-bottom-leave .3s both ease;
  }

@font-face {
  font-style: normal;
  font-weight: normal;
  font-family: 'vant-icon';
  src: url('https://img.yzcdn.cn/vant/vant-icon-eb8c95.ttf') format('truetype');
}

.van-icon {
  position: relative;
  display: inline-block;
  font: normal normal normal 14px/1 "vant-icon";
  font-size: inherit;
  text-rendering: auto;
}

.van-icon__info {
    color: #fff;
    left: 100%;
    top: -.5em;
    font-size: .5em;
    padding: 0 .3em;
    text-align: center;
    min-width: 1.2em;
    line-height: 1.2;
    position: absolute;
    border-radius: .6em;
    box-sizing: border-box;
    background-color: #f44;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    font-family: PingFang SC, Helvetica Neue, Arial, sans-serif;
  }

.van-icon::before {
  display: inline-block;
}

.van-icon-add-o::before {
  content: "\F000";
}

.van-icon-add::before {
  content: "\F001";
}

.van-icon-add2::before {
  content: "\F002";
}

.van-icon-after-sale::before {
  content: "\F003";
}

.van-icon-alipay::before {
  content: "\F004";
}

.van-icon-arrow-left::before {
  content: "\F005";
}

.van-icon-arrow::before {
  content: "\F006";
}

.van-icon-balance-pay::before {
  content: "\F007";
}

.van-icon-browsing-history::before {
  content: "\F008";
}

.van-icon-card::before {
  content: "\F009";
}

.van-icon-cart::before {
  content: "\F00A";
}

.van-icon-cash-back-record::before {
  content: "\F00B";
}

.van-icon-cash-on-deliver::before {
  content: "\F00C";
}

.van-icon-certificate::before {
  content: "\F00D";
}

.van-icon-chat::before {
  content: "\F00E";
}

.van-icon-check::before {
  content: "\F00F";
}

.van-icon-checked::before {
  content: "\F010";
}

.van-icon-clear::before {
  content: "\F011";
}

.van-icon-clock::before {
  content: "\F012";
}

.van-icon-close::before {
  content: "\F013";
}

.van-icon-completed::before {
  content: "\F014";
}

.van-icon-contact::before {
  content: "\F015";
}

.van-icon-coupon::before {
  content: "\F016";
}

.van-icon-credit-pay::before {
  content: "\F017";
}

.van-icon-debit-pay::before {
  content: "\F018";
}

.van-icon-delete::before {
  content: "\F019";
}

.van-icon-description::before {
  content: "\F01A";
}

.van-icon-discount::before {
  content: "\F01B";
}

.van-icon-ecard-pay::before {
  content: "\F01C";
}

.van-icon-edit-data::before {
  content: "\F01D";
}

.van-icon-edit::before {
  content: "\F01E";
}

.van-icon-exchange-record::before {
  content: "\F01F";
}

.van-icon-exchange::before {
  content: "\F020";
}

.van-icon-fail::before {
  content: "\F021";
}

.van-icon-free-postage::before {
  content: "\F022";
}

.van-icon-gift-card-pay::before {
  content: "\F023";
}

.van-icon-gift-card::before {
  content: "\F024";
}

.van-icon-gift::before {
  content: "\F025";
}

.van-icon-gold-coin::before {
  content: "\F026";
}

.van-icon-goods-collect::before {
  content: "\F027";
}

.van-icon-home::before {
  content: "\F028";
}

.van-icon-hot-sale::before {
  content: "\F029";
}

.van-icon-hot::before {
  content: "\F02A";
}

.van-icon-idcard::before {
  content: "\F02B";
}

.van-icon-info-o::before {
  content: "\F02C";
}

.van-icon-like-o::before {
  content: "\F02D";
}

.van-icon-like::before {
  content: "\F02E";
}

.van-icon-location::before {
  content: "\F02F";
}

.van-icon-logistics::before {
  content: "\F030";
}

.van-icon-more-o::before {
  content: "\F031";
}

.van-icon-more::before {
  content: "\F032";
}

.van-icon-new-arrival::before {
  content: "\F033";
}

.van-icon-new::before {
  content: "\F034";
}

.van-icon-other-pay::before {
  content: "\F035";
}

.van-icon-passed::before {
  content: "\F036";
}

.van-icon-password-not-view::before {
  content: "\F037";
}

.van-icon-password-view::before {
  content: "\F038";
}

.van-icon-pause::before {
  content: "\F039";
}

.van-icon-peer-pay::before {
  content: "\F03A";
}

.van-icon-pending-deliver::before {
  content: "\F03B";
}

.van-icon-pending-evaluate::before {
  content: "\F03C";
}

.van-icon-pending-orders::before {
  content: "\F03D";
}

.van-icon-pending-payment::before {
  content: "\F03E";
}

.van-icon-phone::before {
  content: "\F03F";
}

.van-icon-photo::before {
  content: "\F040";
}

.van-icon-photograph::before {
  content: "\F041";
}

.van-icon-play::before {
  content: "\F042";
}

.van-icon-point-gift::before {
  content: "\F043";
}

.van-icon-points-mall::before {
  content: "\F044";
}

.van-icon-points::before {
  content: "\F045";
}

.van-icon-qr-invalid::before {
  content: "\F046";
}

.van-icon-qr::before {
  content: "\F047";
}

.van-icon-question::before {
  content: "\F048";
}

.van-icon-receive-gift::before {
  content: "\F049";
}

.van-icon-records::before {
  content: "\F04A";
}

.van-icon-search::before {
  content: "\F04B";
}

.van-icon-send-gift::before {
  content: "\F04C";
}

.van-icon-setting::before {
  content: "\F04D";
}

.van-icon-share::before {
  content: "\F04E";
}

.van-icon-shop-collect::before {
  content: "\F04F";
}

.van-icon-shop::before {
  content: "\F050";
}

.van-icon-shopping-cart::before {
  content: "\F051";
}

.van-icon-sign::before {
  content: "\F052";
}

.van-icon-stop::before {
  content: "\F053";
}

.van-icon-success::before {
  content: "\F054";
}

.van-icon-tosend::before {
  content: "\F055";
}

.van-icon-underway::before {
  content: "\F056";
}

.van-icon-upgrade::before {
  content: "\F057";
}

.van-icon-value-card::before {
  content: "\F058";
}

.van-icon-wap-home::before {
  content: "\F059";
}

.van-icon-wap-nav::before {
  content: "\F05A";
}

.van-icon-warn::before {
  content: "\F05B";
}

.van-icon-wechat::before {
  content: "\F05C";
}

.van-loading {
  width: 30px;
  height: 30px;
  z-index: 0;
  font-size: 0;
  line-height: 0;
  position: relative;
  vertical-align: middle;
}

.van-loading--circle {
    width: 16px;
    height: 16px;
  }

.van-loading__spinner {
    z-index: -1;
    width: 100%;
    height: 100%;
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    -webkit-animation: van-rotate 0.8s linear infinite;
            animation: van-rotate 0.8s linear infinite;
  }

.van-loading__spinner--circle {
      border-radius: 100%;
      border: 3px solid transparent;
    }

.van-loading__spinner--gradient-circle {
      background-size: contain;
    }

.van-loading__spinner--spinner {
      -webkit-animation-timing-function: steps(12);
              animation-timing-function: steps(12);
    }

.van-loading__spinner--spinner i {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        position: absolute
      }

.van-loading__spinner--spinner i::before {
  width: 2px;
  height: 25%;
  content: ' ';
  display: block;
  margin: 0 auto;
  border-radius: 40%;
  background-color: currentColor;
}

.van-loading__spinner--circular {
      -webkit-animation-duration: 2s;
              animation-duration: 2s;
    }

.van-loading__circular {
    width: 100%;
    height: 100%;
  }

.van-loading__circular circle {
      stroke-width: 3;
      stroke-linecap: round;
      -webkit-animation: van-circular 1.5s ease-in-out infinite;
              animation: van-circular 1.5s ease-in-out infinite;
    }

.van-loading--black .van-loading__spinner--circle {
      border-color: #c9c9c9;
      border-top-color: #666;
    }

.van-loading--black .van-loading__spinner--gradient-circle {
      background-image: url('https://img.yzcdn.cn/vant/gradient-circle-black.png');
    }

.van-loading--black .van-loading__spinner--spinner {
      color: #c9c9c9;
    }

.van-loading--black circle {
      stroke: #c9c9c9;
    }

.van-loading--white .van-loading__spinner--circle {
      border-color: rgba(0, 0, 0, .1);
      border-top-color: rgba(255, 255, 255, .7);
    }

.van-loading--white .van-loading__spinner--gradient-circle {
      background-image: url('https://img.yzcdn.cn/vant/gradient-circle-white.png');
    }

.van-loading--white .van-loading__spinner--spinner {
      color: #fff;
    }

.van-loading--white circle {
      stroke: #fff;
    }

@-webkit-keyframes van-circular {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }

  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -40;
  }

  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -120;
  }
}

@keyframes van-circular {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }

  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -40;
  }

  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -120;
  }
}

.van-loading__spinner--spinner i:nth-of-type(1) {
    opacity: 1;
    -webkit-transform: rotate(30deg);
            transform: rotate(30deg);
  }

.van-loading__spinner--spinner i:nth-of-type(2) {
    opacity: 0.9375;
    -webkit-transform: rotate(60deg);
            transform: rotate(60deg);
  }

.van-loading__spinner--spinner i:nth-of-type(3) {
    opacity: 0.875;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }

.van-loading__spinner--spinner i:nth-of-type(4) {
    opacity: 0.8125;
    -webkit-transform: rotate(120deg);
            transform: rotate(120deg);
  }

.van-loading__spinner--spinner i:nth-of-type(5) {
    opacity: 0.75;
    -webkit-transform: rotate(150deg);
            transform: rotate(150deg);
  }

.van-loading__spinner--spinner i:nth-of-type(6) {
    opacity: 0.6875;
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }

.van-loading__spinner--spinner i:nth-of-type(7) {
    opacity: 0.625;
    -webkit-transform: rotate(210deg);
            transform: rotate(210deg);
  }

.van-loading__spinner--spinner i:nth-of-type(8) {
    opacity: 0.5625;
    -webkit-transform: rotate(240deg);
            transform: rotate(240deg);
  }

.van-loading__spinner--spinner i:nth-of-type(9) {
    opacity: 0.5;
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg);
  }

.van-loading__spinner--spinner i:nth-of-type(10) {
    opacity: 0.4375;
    -webkit-transform: rotate(300deg);
            transform: rotate(300deg);
  }

.van-loading__spinner--spinner i:nth-of-type(11) {
    opacity: 0.375;
    -webkit-transform: rotate(330deg);
            transform: rotate(330deg);
  }

.van-loading__spinner--spinner i:nth-of-type(12) {
    opacity: 0.3125;
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }

.van-button {
  position: relative;
  padding: 0;
  display: inline-block;
  height: 44px;
  line-height: 42px;
  border-radius: 3px;
  box-sizing: border-box;
  font-size: 16px;
  text-align: center;
  -webkit-appearance: none;
  -webkit-text-size-adjust: 100%
}

.van-button::before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 0;
  width: 100%;
  height: 100%;
  border: inherit;
  border-color: #000;
  background-color: #000;
  border-radius: inherit;/*inherit parent's border radius
 */
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.van-button:active::before {
  opacity: .3;
}

.van-button--unclickable::before {
    display: none;
}

.van-button--default {
    color: #333;
    background-color: #fff;
    border: 1px solid #e5e5e5;
}

.van-button--primary {
    color: #fff;
    background-color: #4b0;
    border: 1px solid #4b0;
}

.van-button--danger {
    color: #fff;
    background-color: #f44;
    border: 1px solid #f44;
}

.van-button--warning {
    color: #fff;
    background-color: #f85;
    border: 1px solid #f85;
}

.van-button--plain {
    background-color: #fff;
}

.van-button--plain.van-button--primary {
  color: #4b0;
}

.van-button--plain.van-button--danger {
  color: #f44;
}

.van-button--plain.van-button--warning {
  color: #f85;
}

.van-button--large {
    width: 100%;
    height: 50px;
    line-height: 48px;
}

.van-button--normal {
    padding: 0 15px;
    font-size: 14px;
}

.van-button--small {
    height: 30px;
    padding: 0 8px;
    min-width: 60px;
    font-size: 12px;
    line-height: 28px;
}

.van-button--loading .van-loading {
      display: inline-block;
    }

.van-button--loading .van-button__text {
      display: none;
    }

/*mini图标默认宽度50px，文字不能超过4个
 */

.van-button--mini {
    display: inline-block;
    width: 50px;
    height: 22px;
    line-height: 20px;
    font-size: 10px;
}

.van-button--mini + .van-button--mini {
  margin-left: 5px;
}

.van-button--block {
    width: 100%;
    display: block;
}

.van-button--bottom-action {
    width: 100%;
    height: 50px;
    line-height: 50px;
    border: 0;
    border-radius: 0;
    font-size: 16px;
    color: #fff;
    background-color: #f85;
}

.van-button--bottom-action.van-button--primary {
  background-color: #f44;
}

.van-button--disabled {
    color: #999;
    background-color: #e8e8e8;
    border: 1px solid #e5e5e5;
}

.van-cell {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  padding: 10px 15px;
  box-sizing: border-box;
  line-height: 24px;
  position: relative;
  background-color: #fff;
  color: #333;
  font-size: 14px;
  overflow: hidden
}

.van-cell:not(:last-child)::after {
  left: 15px;
  right: 0;
  width: auto;
  -webkit-transform: scale(1, .5);
          transform: scale(1, .5);
  border-bottom-width: 1px;
}

.van-cell-group {
    background-color: #fff;
}

.van-cell__label {
    font-size: 12px;
    line-height: 1.2;
    color: #666;
}

.van-cell__title, .van-cell__value {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
            flex: 1;
}

.van-cell__value {
    overflow: hidden;
    text-align: right;
    vertical-align: middle;
}

.van-cell__value--alone {
      text-align: left;
    }

.van-cell__left-icon {
    font-size: 16px;
    line-height: 24px;
    margin-right: 5px;
}

.van-cell__right-icon {
    color: #999;
    font-size: 12px;
    line-height: 24px;
    margin-left: 5px;
}

.van-cell__right-icon--left::before {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg);
    }

.van-cell__right-icon--up::before {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg);
    }

.van-cell__right-icon--down::before {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg);
    }

.van-cell--clickable:active {
  background-color: #e8e8e8;
}

.van-cell--required {
    overflow: visible;
}

.van-cell--required::before {
  content: '*';
  position: absolute;
  left: 7px;
  font-size: 14px;
  color: #f44;
}

.van-cell--center {
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
}

/* common components */

.van-col {
  float: left;
  box-sizing: border-box;
}

.van-col--1 { width: 4.16667%; }

.van-col--offset-1 { margin-left: 4.16667%; }

.van-col--2 { width: 8.33333%; }

.van-col--offset-2 { margin-left: 8.33333%; }

.van-col--3 { width: 12.5%; }

.van-col--offset-3 { margin-left: 12.5%; }

.van-col--4 { width: 16.66667%; }

.van-col--offset-4 { margin-left: 16.66667%; }

.van-col--5 { width: 20.83333%; }

.van-col--offset-5 { margin-left: 20.83333%; }

.van-col--6 { width: 25%; }

.van-col--offset-6 { margin-left: 25%; }

.van-col--7 { width: 29.16667%; }

.van-col--offset-7 { margin-left: 29.16667%; }

.van-col--8 { width: 33.33333%; }

.van-col--offset-8 { margin-left: 33.33333%; }

.van-col--9 { width: 37.5%; }

.van-col--offset-9 { margin-left: 37.5%; }

.van-col--10 { width: 41.66667%; }

.van-col--offset-10 { margin-left: 41.66667%; }

.van-col--11 { width: 45.83333%; }

.van-col--offset-11 { margin-left: 45.83333%; }

.van-col--12 { width: 50%; }

.van-col--offset-12 { margin-left: 50%; }

.van-col--13 { width: 54.16667%; }

.van-col--offset-13 { margin-left: 54.16667%; }

.van-col--14 { width: 58.33333%; }

.van-col--offset-14 { margin-left: 58.33333%; }

.van-col--15 { width: 62.5%; }

.van-col--offset-15 { margin-left: 62.5%; }

.van-col--16 { width: 66.66667%; }

.van-col--offset-16 { margin-left: 66.66667%; }

.van-col--17 { width: 70.83333%; }

.van-col--offset-17 { margin-left: 70.83333%; }

.van-col--18 { width: 75%; }

.van-col--offset-18 { margin-left: 75%; }

.van-col--19 { width: 79.16667%; }

.van-col--offset-19 { margin-left: 79.16667%; }

.van-col--20 { width: 83.33333%; }

.van-col--offset-20 { margin-left: 83.33333%; }

.van-col--21 { width: 87.5%; }

.van-col--offset-21 { margin-left: 87.5%; }

.van-col--22 { width: 91.66667%; }

.van-col--offset-22 { margin-left: 91.66667%; }

.van-col--23 { width: 95.83333%; }

.van-col--offset-23 { margin-left: 95.83333%; }

.van-col--24 { width: 100%; }

.van-col--offset-24 { margin-left: 100%; }

.van-row::after {
  content: "";
  display: table;
  clear: both;
}

.van-row--flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}

.van-row--flex::after {
  display: none;
}

.van-row--justify-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
            justify-content: center;
}

.van-row--justify-end {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
            justify-content: flex-end;
}

.van-row--justify-space-between {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
            justify-content: space-between;
}

.van-row--justify-space-around {
    -webkit-justify-content: space-around;
            justify-content: space-around;
}

.van-row--align-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
}

.van-row--align-bottom {
    -webkit-box-align: bottom;
    -webkit-align-items: bottom;
            align-items: bottom;
}

.van-badge {
  display: block;
  overflow: hidden;
  font-size: 14px;
  line-height: 1.4;
  -webkit-user-select: none;
          user-select: none;
  color: #666;
  word-break: break-all;
  box-sizing: border-box;
  padding: 20px 12px 20px 9px;
  background-color: #f8f8f8;
  border-left: 3px solid transparent
}

.van-badge:active {
  background-color: #e8e8e8;
}

.van-badge:not(:last-child)::after {
  border-bottom-width: 1px;
}

.van-badge-group {
    width: 85px;
}

.van-badge--select {
    font-weight: bold;
    color: #333;
    border-color: #f44;
}

.van-badge--select::after {
  border-right-width: 1px;
}

.van-badge--select, .van-badge--select:active {
  background-color: #fff;
}

.van-badge__info {
    position: absolute;
    top: 2px;
    right: 2px;
    color: #fff;
    font-size: 10px;
    font-weight: normal;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    text-align: center;
    box-sizing: border-box;
    padding: 0 6px;
    min-width: 18px;
    line-height: 18px;
    border-radius: 9px;
    background-color: #f44;
}

.van-circle {
  position: relative;
  text-align: center;
  display: inline-block;
}

.van-circle svg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
  }

.van-circle__layer {
    fill: none;
    stroke-linecap: round;
    stroke-dasharray: 3140;
    stroke-dashoffset: 3140;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    -webkit-transform-origin: 530px 530px;
            transform-origin: 530px 530px;
  }

.van-circle__text {
    top: 50%;
    left: 0;
    width: 100%;
    color: #333;
    position: absolute;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }

.van-collapse-item__title .van-cell__right-icon::before {
      -webkit-transition: .3s;
      transition: .3s;
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg);
    }

.van-collapse-item__title::after {
  visibility: hidden;
}

.van-collapse-item__wrapper {
    overflow: hidden;
    will-change: height;
    -webkit-transition: height .3s ease-in-out;
    transition: height .3s ease-in-out;
  }

.van-collapse-item__content {
    padding: 15px;
    background-color: #fff;
  }

.van-collapse-item--expanded .van-collapse-item__title .van-cell__right-icon::before {
        -webkit-transform: rotate(-90deg);
                transform: rotate(-90deg);
      }

.van-collapse-item--expanded .van-collapse-item__title::after {
  visibility: visible;
}

.van-list__loading {
    text-align: center;
  }

.van-list__loading .van-loading, .van-list__loading-text {
      display: inline-block;
      vertical-align: middle;
    }

.van-list__loading .van-loading {
      width: 16px;
      height: 16px;
      margin-right: 5px;
    }

.van-list__loading-text {
      font-size: 13px;
      color: #999;
      line-height: 50px;
    }

.van-nav-bar {
  height: 46px;
  position: relative;
  -webkit-user-select: none;
          user-select: none;
  text-align: center;
  line-height: 46px;
  background-color: #fff;
}

.van-nav-bar .van-icon {
    color: #38f;
    vertical-align: middle;
  }

.van-nav-bar__arrow {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }

.van-nav-bar__arrow + .van-nav-bar__text {
      margin-left: -20px;
      padding-left: 25px;
    }

.van-nav-bar--fixed {
    top: 0;
    left: 0;
    width: 100%;
    position: fixed;
  }

.van-nav-bar__title {
    margin: 0 auto;
    max-width: 60%;
    font-size: 16px;
  }

.van-nav-bar__left, .van-nav-bar__right {
    bottom: 0;
    font-size: 14px;
    position: absolute;
  }

.van-nav-bar__left {
    left: 15px;
  }

.van-nav-bar__right {
    right: 15px;
  }

.van-nav-bar__text {
    color: #38f;
    margin: 0 -15px;
    padding: 0 15px;
    display: inline-block;
    vertical-align: middle
  }

.van-nav-bar__text:active {
  background-color: #e8e8e8;
}

.van-notice-bar {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  color: #f85;
  padding: 9px 15px;
  font-size: 12px;
  line-height: 1.5;
  position: relative;
  background-color: #fff7cc;
}

.van-notice-bar--withicon {
    position: relative;
    padding-right: 30px;
  }

.van-notice-bar__left-icon {
    height: 18px;
    min-width: 20px;
    padding-top: 1px;
    box-sizing: border-box;
  }

.van-notice-bar__left-icon img {
      width: 16px;
      height: 16px;
    }

.van-notice-bar__right-icon {
    top: 10px;
    right: 10px;
    position: absolute;
    font-size: 15px;
    line-height: 1;
  }

.van-notice-bar__wrap {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
            flex: 1;
    height: 18px;
    overflow: hidden;
    position: relative;
  }

.van-notice-bar__content {
    position: absolute;
    white-space: nowrap;
  }

.van-notice-bar__play {
    -webkit-animation: van-notice-bar-play linear both;
            animation: van-notice-bar-play linear both;
  }

.van-notice-bar__play--infinite {
    -webkit-animation: van-notice-bar-play-infinite linear infinite both;
            animation: van-notice-bar-play-infinite linear infinite both;
  }

/**
 * Declare two same keyframes
 * In case that some mobile browsers can continue animation when className changed
 */

@-webkit-keyframes van-notice-bar-play {
  to { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
}

@keyframes van-notice-bar-play {
  to { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
}

@-webkit-keyframes van-notice-bar-play-infinite {
  to { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
}

@keyframes van-notice-bar-play-infinite {
  to { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
}

.van-modal {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.7);
  }

.van-overflow-hidden {
    overflow: hidden !important;
  }

.van-popup {
    position: fixed;
    top: 50%;
    left: 50%;
    max-height: 100%;
    overflow-y: auto;
    background-color: #fff;
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out;
    -webkit-overflow-scrolling: touch;
    -webkit-transform: translate3d(-50%, -50%, 0);
            transform: translate3d(-50%, -50%, 0);
  }

.van-popup--top {
      width: 100%;
      top: 0;
      right: auto;
      bottom: auto;
      left: 50%;
      -webkit-transform: translate3d(-50%, 0, 0);
              transform: translate3d(-50%, 0, 0);
    }

.van-popup--right {
      top: 50%;
      right: 0;
      bottom: auto;
      left: auto;
      -webkit-transform: translate3d(0, -50%, 0);
              transform: translate3d(0, -50%, 0);
    }

.van-popup--bottom {
      width: 100%;
      top: auto;
      bottom: 0;
      right: auto;
      left: 50%;
      -webkit-transform: translate3d(-50%, 0, 0);
              transform: translate3d(-50%, 0, 0);
    }

.van-popup--left {
      top: 50%;
      right: auto;
      bottom: auto;
      left: 0;
      -webkit-transform: translate3d(0, -50%, 0);
              transform: translate3d(0, -50%, 0);
    }

.popup-slide-top-enter, .popup-slide-top-leave-active {
  -webkit-transform: translate3d(-50%, -100%, 0);
          transform: translate3d(-50%, -100%, 0);
}

.popup-slide-right-enter, .popup-slide-right-leave-active {
  -webkit-transform: translate3d(100%, -50%, 0);
          transform: translate3d(100%, -50%, 0);
}

.popup-slide-bottom-enter, .popup-slide-bottom-leave-active {
  -webkit-transform: translate3d(-50%, 100%, 0);
          transform: translate3d(-50%, 100%, 0);
}

.popup-slide-left-enter, .popup-slide-left-leave-active {
  -webkit-transform: translate3d(-100%, -50%, 0);
          transform: translate3d(-100%, -50%, 0);
}

.van-search {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  box-sizing: border-box;
  padding: 6px 15px;
  position: relative;
}

.van-search--show-action {
    padding-right: 0;
  }

.van-search .van-cell {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
            flex: 1;
    border-radius: 4px;
    padding: 3px 10px 3px 35px;
  }

.van-search input::-webkit-search-decoration, .van-search input::-webkit-search-cancel-button, .van-search input::-webkit-search-results-button, .van-search input::-webkit-search-results-decoration {
  display: none;
}

.van-search__action {
    line-height: 34px;
    font-size: 14px;
    letter-spacing: 1px;
  }

.van-search__cancel {
    padding: 0 10px;
    color: #06bf04
  }

.van-search__cancel:active {
  background-color: #e8e8e8;
}

.van-search .van-icon-search {
    top: 50%;
    left: 25px;
    z-index: 1;
    color: #999;
    position: absolute;
    font-size: 16px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }

.van-search .van-icon-clear {
    color: #bbb;
  }

.van-pagination {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  text-align: center;
  line-height: 40px;
  font-size: 14px;
}

.van-pagination__item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
            flex: 1;
    height: 40px;
    min-width: 36px;
    color: #38f;
    background-color: #fff;
    box-sizing: border-box;
    -webkit-user-select: none;
            user-select: none
  }

.van-pagination__item:active {
  background-color: #38f;
  color: #fff;
  opacity: 0.8;
}

.van-pagination__item::after {
  border-width: 1px 0 1px 1px;
}

.van-pagination__item:last-child::after {
  border-right-width: 1px;
}

.van-pagination__item--disabled, .van-pagination__item--disabled:active {
      background-color: #f8f8f8;
      color: #666;
      opacity: 0.6;
}

.van-pagination__item--active {
      color: #fff;
      background-color: #38f;
}

.van-pagination__prev, .van-pagination__next {
    padding: 0 5px;
  }

.van-pagination__page {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
            flex-grow: 0;
  }

.van-pagination__page-desc {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
            flex: 1;
    height: 40px;
    color: #666;
  }

.van-pagination--simple .van-pagination__prev::after, .van-pagination--simple .van-pagination__next::after {
  border-width: 1px;
}

.van-panel {
  background: #fff;
}

.van-panel__header .van-cell__value {
      color: #f44;
    }

.van-panel__footer {
    padding: 10px 15px;
  }

.van-rate {
  -webkit-user-select: none;
          user-select: none;
}

.van-rate__item {
    padding: 0 2px;
    display: inline-block;
    box-sizing: content-box;
  }

.van-steps {
  overflow: hidden;
  background-color: #fff;
}

.van-steps--horizontal {
    padding: 0 10px;
  }

.van-steps--horizontal .van-steps__items {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      margin: 0 0 10px;
      overflow: hidden;
      position: relative;
      padding-bottom: 22px
    }

.van-steps--horizontal .van-steps__items.van-steps__items--alone {
  padding-top: 10px;
}

.van-steps--vertical {
    padding: 0 0 0 35px;
  }

.van-steps__icon {
    float: left;
    margin-right: 10px;
  }

.van-steps .van-icon {
    font-size: 40px;
  }

.van-steps__message {
    height: 40px;
    margin: 15px 0;
  }

.van-steps__title {
    font-size: 14px;
    color: #333;
    padding-top: 4px;
  }

.van-steps__desc {
    font-size: 12px;
    line-height: 1.5;
    color: #999;
  }

.van-step {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  font-size: 14px;
  position: relative;
  color: #999;
}

.van-step--horizontal {
    float: left
  }

.van-step--horizontal:first-child .van-step__title {
        -webkit-transform: none;
                transform: none;
        margin-left: 0;
}

.van-step--horizontal:last-child {
  position: absolute;
  right: 10px;
  width: auto;
}

.van-step--horizontal:last-child .van-step__title {
        -webkit-transform: none;
                transform: none;
        margin-left: 0;
}

.van-step--horizontal:last-child .van-step__circle-container {
        left: auto;
        right: -9px;
}

.van-step--horizontal:last-child .van-step__line {
        width: 0;
}

.van-step--horizontal .van-step__circle-container {
      position: absolute;
      top: 28px;
      left: -8px;
      padding: 0 8px;
      background-color: #fff;
      z-index: 1;
}

.van-step--horizontal .van-step__title {
      font-size: 12px;
      -webkit-transform: translate3d(-50%, 0, 0);
              transform: translate3d(-50%, 0, 0);
      display: inline-block;
      margin-left: 3px;
}

.van-step--horizontal .van-step__line {
      position: absolute;
      left: 0;
      top: 30px;
      width: 100%;
      height: 1px;
      background-color: #e5e5e5;
}

.van-step--horizontal.van-step--finish {
  color: #333;
}

.van-step--horizontal.van-step--finish .van-step__circle, .van-step--horizontal.van-step--finish .van-step__line {
        background-color: #06bf04;
}

.van-step--horizontal.van-step--process {
  color: #333;
}

.van-step--horizontal.van-step--process .van-step__circle-container {
        top: 24px;
}

.van-step--horizontal.van-step--process .van-icon {
        font-size: 12px;
        color: #06bf04;
        display: block;
}

.van-step .van-step__circle {
    display: block;
    width: 5px;
    height: 5px;
    background-color: #888;
    border-radius: 50%;
  }

.van-step--vertical {
    float: none;
    display: block;
    font-size: 14px;
    line-height: 18px;
    padding: 10px 10px 10px 0
  }

.van-step--vertical:not(:last-child)::after {
  border-bottom-width: 1px;
}

.van-step--vertical:first-child::before {
  content: '';
  position: absolute;
  width: 1px;
  height: 20px;
  background-color: #fff;
  top: 0;
  left: -15px;
  z-index: 1;
}

.van-step--vertical .van-step__circle-container > i {
      position: absolute;
      z-index: 2;
}

.van-step--vertical .van-icon-checked {
      top: 12px;
      left: -20px;
      line-height: 1;
      font-size: 12px;
}

.van-step--vertical .van-step__circle {
      top: 16px;
      left: -17px;
}

.van-step--vertical .van-step__line {
      position: absolute;
      top: 0;
      left: -15px;
      width: 1px;
      height: 100%;
      background-color: #e5e5e5;
}

.van-tag {
  display: inline-block;
  padding: 2px 5px;
  line-height: normal;
  border-radius: 3px;
  font-size: 10px;
  background: #c9c9c9;
  color: #fff
}

.van-tag::after {
  border-color: currentColor;
  border-radius: 4px;
}

.van-tag--mark {
    padding-right: 7px;
    border-radius: 0 8px 8px 0;
}

.van-tag--mark::after {
  border-radius: 0 16px 16px 0;
}

.van-tag--success {
    background: #06bf04;
}

.van-tag--success.van-tag--plain {
  color: #06bf04;
}

.van-tag--danger {
    background: #f44;
}

.van-tag--danger.van-tag--plain {
  color: #f44;
}

.van-tag--primary {
    background: #38f;
}

.van-tag--primary.van-tag--plain {
  color: #38f;
}

.van-tag--plain {
    background: #fff;
    color: #c9c9c9;
}

.van-tabs {
  position: relative;
}

.van-tabs__wrap {
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
    overflow: hidden;
    position: absolute;
  }

.van-tabs__wrap--page-top {
      position: fixed;
    }

.van-tabs__wrap--content-bottom {
      top: auto;
      bottom: 0;
    }

.van-tabs__wrap--scrollable .van-tab {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 22%;
                flex: 0 0 22%;
      }

.van-tabs__wrap--scrollable .van-tabs__nav {
        overflow: hidden;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
      }

.van-tabs__wrap--scrollable .van-tabs__nav::-webkit-scrollbar {
  display: none;
}

.van-tabs__nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-user-select: none;
            user-select: none;
    position: relative;
    background-color: #fff;
  }

.van-tabs__nav--line {
      height: 100%;
      padding-bottom: 15px; /* 15px padding to hide scrollbar in mobile safari */
      box-sizing: content-box;
    }

.van-tabs__nav--card {
      margin: 0 15px;
      border-radius: 2px;
      box-sizing: border-box;
      border: 1px solid #f44;
      height: 30px;
    }

.van-tabs__nav--card .van-tab {
        color: #f44;
        border-right: 1px solid #f44;
        line-height: 28px
      }

.van-tabs__nav--card .van-tab:last-child {
  border-right: none;
}

.van-tabs__nav--card .van-tab.van-tab--active {
  color: #fff;
  background-color: #f44;
}

.van-tabs__line {
    z-index: 1;
    left: 0;
    bottom: 15px;
    height: 2px;
    position: absolute;
    background-color: #f44;
  }

.van-tabs--line {
    padding-top: 44px;
  }

.van-tabs--line .van-tabs__wrap {
      height: 44px;
    }

.van-tabs--card {
    padding-top: 30px;
  }

.van-tabs--card .van-tabs__wrap {
      height: 30px;
    }

.van-tab {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  cursor: pointer;
  padding: 0 5px;
  font-size: 14px;
  position: relative;
  color: #333;
  line-height: 44px;
  text-align: center;
  box-sizing: border-box;
  background-color: #fff;
  min-width: 0;
}

/* hack for flex ellipsis */

.van-tab span {
    display: block;
  }

.van-tab:active {
  background-color: #e8e8e8;
}

.van-tab--active {
    color: #f44;
}

.van-tab--disabled {
    color: #c9c9c9;
}

.van-tab--disabled:active {
  background-color: #fff;
}

.van-tabbar {
  width: 100%;
  height: 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  background-color: #fff;
}

.van-tabbar--fixed {
    left: 0;
    bottom: 0;
    position: fixed;
  }

.van-tabbar-item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
            flex: 1;
    color: #666;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    line-height: 1;
    font-size: 12px;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
            justify-content: center;
  }

.van-tabbar-item__icon {
      font-size: 18px;
      margin-bottom: 5px;
      position: relative;
    }

.van-tabbar-item__icon .van-icon {
        display: block;
      }

.van-tabbar-item__icon--dot::after {
  top: 0;
  right: -8px;
  width: 8px;
  height: 8px;
  content: ' ';
  position: absolute;
  border-radius: 100%;
  background-color: #f44;
}

.van-tabbar-item__icon img {
        height: 18px;
      }

.van-tabbar-item--active {
      color: #38f;
    }

.van-image-preview {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: fixed;
}

.van-image-preview__image {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
  }

.van-image-preview .van-swipe {
    height: 100%;
  }

.van-stepper {
  font-size: 0;
}

.van-stepper__minus, .van-stepper__plus {
    width: 40px;
    height: 30px;
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    position: relative;
    padding: 5px;
    vertical-align: middle
  }

.van-stepper__minus::before, .van-stepper__plus::before {
  width: 9px;
  height: 1px;
}

.van-stepper__minus::after, .van-stepper__plus::after {
  width: 1px;
  height: 9px;
}

.van-stepper__minus::before, .van-stepper__minus::after, .van-stepper__plus::before, .van-stepper__plus::after {
  content: '';
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #6c6c6c;
}

.van-stepper__minus:active, .van-stepper__plus:active {
  background-color: #e8e8e8;
}

.van-stepper__minus--disabled, .van-stepper__plus--disabled {
      background-color: #f8f8f8;
}

.van-stepper__minus--disabled::before, .van-stepper__minus--disabled::after, .van-stepper__plus--disabled::before, .van-stepper__plus--disabled::after {
  background-color: #c9c9c9;
}

.van-stepper__minus--disabled:active, .van-stepper__plus--disabled:active {
      background-color: #f8f8f8;
}

.van-stepper__minus {
    border-radius: 2px 0 0 2px
  }

.van-stepper__minus::after {
  display: none;
}

.van-stepper__plus {
    border-radius: 0 2px 2px 0;
  }

.van-stepper__input {
    width: 33px;
    height: 26px;
    padding: 1px;
    border: 1px solid #e5e5e5;
    border-width: 1px 0;
    border-radius: 0;
    box-sizing: content-box;
    color: #666;
    font-size: 14px;
    vertical-align: middle;
    text-align: center;
    -webkit-appearance: none
  }

.van-stepper__input[disabled] {
  color: #c9c9c9;
  background-color: #f8f8f8;
}

.van-stepper input[type="number"]::-webkit-inner-spin-button, .van-stepper input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }

.van-progress {
  height: 4px;
  position: relative;
  border-radius: 4px;
  background: #e5e5e5;
}

.van-progress__portion {
    left: 0;
    height: 100%;
    position: absolute;
    border-radius: inherit;
  }

.van-progress__portion--with-pivot {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
    }

.van-progress__pivot {
    top: 50%;
    right: 0;
    min-width: 2em;
    padding: 0 5px;
    font-size: 10px;
    position: absolute;
    line-height: 1.6;
    text-align: center;
    border-radius: 1em;
    word-break: keep-all;
    box-sizing: border-box;
    background-color: #e5e5e5;
    -webkit-transform: translate(100%, -50%);
            transform: translate(100%, -50%);
  }

.van-swipe {
  overflow: hidden;
  position: relative;
  -webkit-user-select: none;
          user-select: none;
}

.van-swipe-item {
    float: left;
    height: 100%;
  }

.van-swipe__track {
    height: 100%;
  }

.van-swipe__indicators {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    position: absolute;
    left: 50%;
    bottom: 10px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }

.van-swipe__indicators--vertical {
      left: 10px;
      top: 50%;
      bottom: auto;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
              flex-direction: column;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
    }

.van-swipe__indicators--vertical .van-swipe__indicator:not(:last-child) {
        margin-bottom: 6px;
      }

.van-swipe__indicator {
    border-radius: 100%;
    background-color: #999;
    width: 6px;
    height: 6px
  }

.van-swipe__indicator:not(:last-child) {
  margin-right: 6px;
}

.van-swipe__indicator--active {
      background-color: #f85;
}

.van-slider {
  position: relative;
  border-radius: 999px;
  background-color: #e5e5e5;
}

.van-slider__bar {
    position: relative;
    border-radius: inherit;
    background-color: #38f;
  }

.van-slider__button {
    position: absolute;
    top: 50%;
    right: 0;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transform: translate3d(50%, -50%, 0);
            transform: translate3d(50%, -50%, 0);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .5)

    /* use pseudo element to expand touch area */
  }

.van-slider__button::after {
  content: '';
  position: absolute;
  width: 200%;
  height: 200%;
  top: -50%;
  left: -50%;
}

.van-slider--disabled {
    opacity: .3;
  }

/* form components */

.van-checkbox {
  overflow: hidden;
  -webkit-user-select: none;
          user-select: none;
}

.van-checkbox__icon, .van-checkbox__label {
    display: inline-block;
    vertical-align: middle;
    line-height: 20px;
  }

.van-checkbox__icon .van-icon {
      font-size: 12px;
      color: transparent;
      text-align: center;
      line-height: inherit;
      border: 1px solid #aaa;
      width: 20px;
      height: 20px;
      box-sizing: border-box;
    }

.van-checkbox__icon--round .van-icon {
        border-radius: 100%;
      }

.van-checkbox__icon--checked .van-icon {
        color: #fff;
        border-color: #06bf04;
        background-color: #06bf04;
      }

.van-checkbox__icon--disabled .van-icon {
        color: #f8f8f8;
        border-color: #e5e5e5;
        background-color: currentColor;
      }

.van-checkbox__icon--disabled.van-checkbox__icon--checked .van-icon {
        border-color: #e5e5e5;
        background-color: #e5e5e5;
      }

.van-checkbox__label {
    margin-left: 10px;
  }

.van-checkbox__label--left {
      float: left;
      margin: 0 10px 0 0;
    }

.van-field .van-cell__title {
    max-width: 90px;
  }

.van-field .van-cell__value {
    position: relative;
  }

.van-field__body {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
  }

.van-field__control {
    border: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    resize: none;
    display: block;
    box-sizing: border-box;
    background-color: transparent
  }

.van-field__control:disabled {
  opacity: 1;
  color: #666;
  background-color: transparent;
}

.van-field__control {/*for ios wechat
 */
}

.van-field__control--center {
      text-align: center;
}

.van-field__control--right {
      text-align: right;
}

.van-field__control[type="date"], .van-field__control[type="time"] {
  min-height: 24px;
}

.van-field__clear, .van-field__icon, .van-field__button {
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
  }

.van-field__clear, .van-field__icon {
    padding: 0 10px;
    color: #999;
    line-height: inherit;
    margin-right: -10px;
  }

.van-field__icon .van-icon {
    display: block;
    font-size: 16px;
    line-height: inherit;
  }

.van-field__button {
    padding-left: 10px;
  }

.van-field__error-message {
    color: #f44;
    font-size: 12px;
    text-align: left;
  }

.van-field--disabled .van-field__control {
      color: #999;
    }

.van-field--error .van-field__control, .van-field--error .van-field__control::-webkit-input-placeholder {
  color: #f44;
}

.van-field--error .van-field__control, .van-field--error .van-field__control::placeholder {
  color: #f44;
}

.van-field--min-height .van-field__control {
      min-height: 60px;
    }

.van-field--label-center .van-cell__title {
        text-align: center;
      }

.van-field--label-right .van-cell__title {
        text-align: right;
      }

.van-radio {
  overflow: hidden;
  -webkit-user-select: none;
          user-select: none;
}

.van-radio__input, .van-radio__label {
    display: inline-block;
    vertical-align: middle;
  }

.van-radio__input {
    position: relative;
    height: 20px;
  }

.van-radio__control {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    margin: 0;
    width: 100%;
    height: 100%;
  }

.van-radio__label {
    line-height: 20px;
    margin-left: 10px;
  }

.van-radio__label--left {
      float: left;
      margin: 0 10px 0 0;
    }

.van-radio .van-icon {
    width: 1em;
    pointer-events: none;
    font-size: 20px;
  }

.van-radio .van-icon-checked {
    color: #06bf04;
  }

.van-radio .van-icon-check {
    color: #999;
  }

.van-radio--disabled .van-icon {
      color: #e5e5e5;
      border-radius: 100%;
      background-color: #f8f8f8;
    }

.van-switch {
  height: 1em;
  width: 1.6em;
  display: inline-block;
  position: relative;
  background: #fff;
  box-sizing: content-box;
  border: 1px solid rgba(0, 0, 0, .1);
  border-radius: 1em;
}

.van-switch__node {
    top: 0;
    left: 0;
    z-index: 1;
    width: 1em;
    height: 1em;
    -webkit-transition: .3s;
    transition: .3s;
    position: absolute;
    border-radius: 100%;
    background-color: #fff;
    box-shadow: 0 3px 1px 0 rgba(0, 0, 0, .05), 0 2px 2px 0 rgba(0, 0, 0, .1), 0 3px 3px 0 rgba(0, 0, 0, .05);
  }

.van-switch__loading {
    top: 25%;
    left: 25%;
    width: 50%;
    height: 50%;
  }

.van-switch--on {
    background-color: #44db5e;
  }

.van-switch--on .van-switch__node {
      -webkit-transform: translateX(.6em);
              transform: translateX(.6em);
    }

.van-switch--disabled {
    opacity: .4;
  }

.van-uploader {
  position: relative;
  display: inline-block;
}

.van-uploader__input {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
  }

.van-uploader input[type="file"]::-webkit-file-upload-button {
    cursor: pointer;
  }

.van-password-input {
  margin: 0 15px;
  -webkit-user-select: none;
          user-select: none;
  position: relative
}

.van-password-input:focus {
  outline: none;
}

.van-password-input__info, .van-password-input__error-info {
    font-size: 14px;
    margin-top: 15px;
    text-align: center;
}

.van-password-input__info {
    color: #999;
}

.van-password-input__error-info {
    color: #f44;
}

.van-password-input__security {
    width: 100%;
    height: 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    background-color: #fff;
}

.van-password-input__security::after {
  border-radius: 6px;
}

.van-password-input__security li {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
              flex: 1;
      height: 100%;
      position: relative;
}

.van-password-input__security li:not(:first-of-type)::after {
  border-left-width: 1px;
}

.van-password-input__security i {
      position: absolute;
      left: 50%;
      top: 50%;
      width: 10px;
      height: 10px;
      margin: -5px 0 0 -5px;
      visibility: hidden;
      border-radius: 100%;
      background-color: #000;
}

.van-number-keyboard {
  left: 0;
  bottom: 0;
  width: 100%;
  position: fixed;
  -webkit-user-select: none;
          user-select: none;
  background-color: #fff;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
}

.van-number-keyboard__title {
    height: 30px;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    position: relative;
    color: #666;
  }

.van-number-keyboard__body {
    box-sizing: border-box;
  }

.van-number-keyboard__close {
    right: 0;
    color: #38f;
    font-size: 14px;
    padding: 0 15px;
    position: absolute
  }

.van-number-keyboard__close:active {
  background-color: #e8e8e8;
}

.van-number-keyboard__sidebar {
    right: 0;
    bottom: 0;
    width: 25%;
    position: absolute;
    height: 216px;
  }

.van-number-keyboard--custom .van-number-keyboard__body {
      padding-right: 25%;
    }

.van-key {
  width: 33.33333%;
  font-size: 24px;
  font-style: normal;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  height: 54px;
  line-height: 54px
}

.van-key::after {
  border-width: 1px 1px 0 0;
}

.van-key--middle {
    width: 66.66667%;
}

.van-key--big {
    width: 100%;
    height: 108px;
    line-height: 108px;
}

.van-key--green {
    font-size: 20px;
    color: #fff;
    background-color: #06bf04;
}

.van-key--green.van-key--active {
  background-color: #308305;
}

.van-key--green::after {
  border-color: #06bf04;
}

.van-key--delete {
    font-size: 0;
    background: url("") no-repeat center center;
    background-size: auto 15px;
}

.van-key--gray {
    background-color: #f3f3f6;
}

.van-key--active {
    background-color: #e8e8e8;
}

/* action components */

.van-actionsheet {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  color: #333;
  max-height: 90%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  background-color: #f8f8f8;
}

.van-actionsheet--withtitle {
    background-color: #fff;
  }

.van-actionsheet__item, .van-actionsheet__cancel {
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    text-align: center;
    background-color: #fff
  }

.van-actionsheet__item:active, .van-actionsheet__cancel:active {
  background-color: #e8e8e8;
}

.van-actionsheet__item--disabled {
    color: #c9c9c9
  }

.van-actionsheet__item--disabled:active {
  background-color: #fff;
}

.van-actionsheet__subname {
    font-size: 12px;
    color: #666;
    margin-left: 5px;
  }

.van-actionsheet__loading {
    display: inline-block;
  }

.van-actionsheet__cancel {
    margin-top: 10px;
  }

.van-actionsheet__header {
    font-size: 16px;
    line-height: 44px;
    text-align: center;
  }

.van-actionsheet__header .van-icon-close {
      top: 0;
      right: 0;
      padding: 0 15px;
      font-size: 18px;
      color: #999;
      position: absolute;
      line-height: inherit;
    }

.van-dialog {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 85%;
  font-size: 16px;
  overflow: hidden;
  -webkit-transition: .2s;
  transition: .2s;
  border-radius: 4px;
  background-color: #fff;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
}

.van-dialog__header {
    padding: 15px 0 0;
    text-align: center;
  }

.van-dialog__header--isolated {
      padding: 25px 0;
    }

.van-dialog__message {
    line-height: 1.5;
    padding: 15px 20px;
  }

.van-dialog__message--has-title {
      color: #999;
      font-size: 14px;
    }

.van-dialog__footer {
    overflow: hidden;
    -webkit-user-select: none;
            user-select: none;
  }

.van-dialog__footer--buttons {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
    }

.van-dialog__footer--buttons .van-button {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
                flex: 1;
      }

.van-dialog .van-button {
    border: 0;
  }

.van-dialog__confirm, .van-dialog__confirm:active {
  color: #00c000;
}

.van-dialog-bounce-enter {
    opacity: 0;
    -webkit-transform: translate3d(-50%, -50%, 0) scale(0.7);
            transform: translate3d(-50%, -50%, 0) scale(0.7);
  }

.van-dialog-bounce-leave-active {
    opacity: 0;
    -webkit-transform: translate3d(-50%, -50%, 0) scale(0.9);
            transform: translate3d(-50%, -50%, 0) scale(0.9);
  }

.van-picker {
  overflow: hidden;
  -webkit-user-select: none;
          user-select: none;
  position: relative;
  background-color: #fff;
  -webkit-text-size-adjust: 100%;
}

/* avoid iOS text size adjust */

.van-picker__toolbar {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    height: 40px;
    line-height: 40px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
            justify-content: space-between;
  }

.van-picker__cancel, .van-picker__confirm {
    color: #38f;
    padding: 0 15px
  }

.van-picker__cancel:active, .van-picker__confirm:active {
  background-color: #e8e8e8;
}

.van-picker__title {
    max-width: 50%;
    text-align: center;
  }

.van-picker__columns {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    position: relative;
  }

.van-picker__loading {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    position: absolute;
    background-color: rgba(255, 255, 255, .9);
  }

.van-picker__loading circle {
      stroke: #38f;
    }

.van-picker__loading .van-loading, .van-picker__frame {
    top: 50%;
    left: 0;
    width: 100%;
    z-index: 1;
    position: absolute;
    pointer-events: none;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }

.van-picker-column {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
            flex: 1;
    overflow: hidden;
    font-size: 16px;
    text-align: center;
  }

.van-picker-column__item {
      padding: 0 5px;
      color: #999;
    }

.van-picker-column__item--selected {
        color: #000;
      }

.van-picker-column__item--disabled {
        opacity: .3;
      }

.van-pull-refresh {
  -webkit-user-select: none;
          user-select: none;
  overflow: hidden;
}

.van-pull-refresh__track {
    position: relative;
  }

.van-pull-refresh__head {
    width: 100%;
    height: 50px;
    left: 0;
    overflow: hidden;
    position: absolute;
    text-align: center;
    top: -50px;
    font-size: 14px;
    color: #999;
    line-height: 50px;
  }

.van-pull-refresh__loading .van-loading {
      width: 16px;
      height: 16px;
      margin-right: 5px;
    }

.van-pull-refresh__loading span, .van-pull-refresh__loading .van-loading {
      vertical-align: middle;
      display: inline-block;
    }

.van-pull-refresh__text {
    display: block;
  }

.van-toast {
  position: fixed;
  top: 50%;
  left: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  color: #fff;
  font-size: 12px;
  line-height: 1.2;
  border-radius: 5px;
  word-break: break-all;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  box-sizing: border-box;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  background-color: rgba(0, 0, 0, .7);
}

.van-toast--unclickable {
    pointer-events: none;
  }

.van-toast--text {
    padding: 12px;
    min-width: 220px;
  }

.van-toast--default {
    width: 120px;
    min-height: 120px;
    padding: 15px;
  }

.van-toast--default .van-toast__icon {
      font-size: 50px;
    }

.van-toast--default .van-loading {
      margin: 10px 0 5px;
    }

.van-toast--default .van-toast__text {
      font-size: 14px;
      padding-top: 10px;
    }

.van-toast--top {
    top: 50px;
  }

.van-toast--bottom {
    top: auto;
    bottom: 50px;
  }

/* high order components */

.van-cell-swipe {
  overflow: hidden;
  position: relative;
}

.van-cell-swipe__left, .van-cell-swipe__right {
    top: 0;
    height: 100%;
    position: absolute;
  }

.van-cell-swipe__left {
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }

.van-cell-swipe__right {
    right: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }

.van-switch-cell {
  padding-top: 8px;
  padding-bottom: 8px;
}

.van-switch-cell .van-switch {
    float: right;
  }

.van-tree-select {
  -webkit-user-select: none;
          user-select: none;
  position: relative;
}

.van-tree-select__nav {
    width: 143px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    overflow: scroll;
    background-color: #fff;
    -webkit-overflow-scrolling: touch;
  }

.van-tree-select__nitem {
    line-height: 44px;
    padding: 0 15px;
    background-color: #fff;
  }

.van-tree-select__nitem--active {
      background-color: #f8f8f8;
    }

.van-tree-select__content {
    padding: 0 15px;
    margin-left: 143px;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
  }

.van-tree-select__item {
    position: relative;
    line-height: 44px;
    padding-left: 5px;
    padding-right: 18px;
  }

.van-tree-select__item--active {
      color: #f44;
    }

.van-tree-select__selected {
    float: right;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    line-height: inherit;
  }

/* business components */

.van-address-edit__buttons {
    padding: 20px 10px;
  }

.van-address-edit__buttons .van-button {
      margin-bottom: 10px;
    }

.van-address-edit__area .van-cell__title {
      max-width: 90px;
    }

.van-address-edit__area .van-cell__value {
      text-align: left;
    }

.van-address-edit__area .van-cell__value span {
        margin-right: 15px;
      }

.van-address-edit .van-icon-clear {
    color: #999;
  }

.van-address-edit-detail__finish {
    color: #38f;
    font-size: 12px;
    display: block;
  }

.van-address-list {
  height: 100%;
}

.van-address-list .van-cell__value {
    color: #333;
    padding-right: 34px;
    position: relative;
  }

.van-address-list .van-radio__label {
    margin-left: 32px;
  }

.van-address-list .van-radio__input {
    top: 50%;
    left: 0;
    position: absolute;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }

.van-address-list .van-icon-checked {
    color: #38f;
  }

.van-address-list__group {
    height: 100%;
    overflow-y: scroll;
    padding-bottom: 40px;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
    background-color: #f8f8f8;
  }

.van-address-list__name {
    font-size: 14px;
    line-height: 1.5;
  }

.van-address-list__address {
    font-size: 12px;
    line-height: 1.5;
    color: #666;
  }

.van-address-list__edit {
    position: absolute;
    top: 50%;
    right: 15px;
    font-size: 20px;
    color: #999;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }

.van-address-list__add {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 9999;
    padding-left: 15px;
    font-size: 16px;
  }

.van-address-list__add .van-icon-add {
      color: #38f;
      font-size: 20px;
      line-height: 1.2;
    }

.van-card {
  color: #333;
  height: 100px;
  font-size: 16px;
  background: #fafafa;
  position: relative;
  box-sizing: border-box;
  padding: 5px 15px 5px 115px
}

.van-card:not(:first-child) {
  margin-top: 10px;
}

.van-card--center, .van-card__thumb {
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
            justify-content: center;
}

.van-card__thumb {
    top: 5px;
    left: 15px;
    width: 90px;
    height: 90px;
    position: absolute;
}

.van-card__thumb img {
      border: none;
      max-width: 100%;
      max-height: 100%;
    }

.van-card, .van-card__thumb, .van-card__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}

.van-card__content {
    width: 100%;
}

.van-card__content--center {
      height: 90px;
      -webkit-box-align: center;
      -webkit-align-items: center;
              align-items: center;
    }

.van-card__title, .van-card__desc {
    line-height: 20px;
    word-break: break-all;
}

.van-card__title {
    max-height: 40px;

    overflow : hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;
}

.van-card__desc {
    color: #666;
    font-size: 12px;
    max-height: 20px;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;
}

.van-card__price, .van-card__num {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
            flex: 1;
    min-width: 80px;
    line-height: 20px;
    text-align: right;
}

.van-card__price {
    font-size: 14px;
}

.van-card__num {
    color: #666;
    font-size: 12px;
}

.van-card__footer {
    right: 15px;
    bottom: 5px;
    position: absolute;
}

.van-card__footer .van-button {
      margin-left: 5px;
    }

.van-contact-card {
  position: relative;
  background-color: #fff
}

.van-contact-card:active {
  background-color: #e8e8e8;
}

.van-contact-card--uneditable:active {
  background-color: #fff;
}

.van-contact-card--add {
    line-height: 40px;
}

.van-contact-card--add .van-contact-card__icon {
      width: 40px;
      color: #38f;
      font-size: 40px;
    }

.van-contact-card--edit .van-contact-card__icon {
      font-size: 18px;
      vertical-align: top;
    }

.van-contact-card__content {
    padding: 15px 10px;
}

.van-contact-card__icon, .van-contact-card__text {
    display: inline-block;
    vertical-align: middle;
}

.van-contact-card__icon {
    margin-right: 10px;
}

.van-contact-card__text {
    line-height: 20px;
    font-size: 14px;
}

.van-contact-card__arrow {
    top: 50%;
    right: 10px;
    font-size: 12px;
    position: absolute;
    color: #999;
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0);
}

.van-contact-card::after {
  content: '';
  display: block;
  height: 2px;
  background: -webkit-repeating-linear-gradient(
      135deg,
      #ff6c6c 0,
      #ff6c6c 20%,
      transparent 0,
      transparent 25%,
      #3283fa 0,
      #3283fa 45%,
      transparent 0,
      transparent 50%
    );
  background: repeating-linear-gradient(
      -45deg,
      #ff6c6c 0,
      #ff6c6c 20%,
      transparent 0,
      transparent 25%,
      #3283fa 0,
      #3283fa 45%,
      transparent 0,
      transparent 50%
    );
  background-size: 80px;
}

.van-contact-list {
  height: 100%;
  overflow-y: auto;
  padding-bottom: 55px;
  box-sizing: border-box;
  background-color: #f8f8f8;
}

.van-contact-list .van-cell__value {
    color: #333;
    padding-right: 34px;
    position: relative;
  }

.van-contact-list .van-radio__label {
    margin-left: 32px;
  }

.van-contact-list .van-radio__input {
    top: 50%;
    left: 0;
    position: absolute;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }

.van-contact-list .van-icon-checked {
    color: #38f;
  }

.van-contact-list__text {
    margin: 0;
    color: #333;
    font-size: 14px;
    line-height: 1.5;
  }

.van-contact-list__edit {
    position: absolute;
    top: 50%;
    right: 15px;
    font-size: 20px;
    color: #999;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }

.van-contact-list__add {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 9999;
    padding-left: 15px;
    font-size: 16px;
  }

.van-contact-list__add .van-icon-add {
      color: #38f;
      font-size: 20px;
      line-height: 1.2;
    }

.van-contact-edit__buttons {
    padding: 20px 10px;
  }

.van-contact-edit__default .van-cell__title {
      line-height: 31px;
    }

.van-contact-edit__default .van-cell__value {
      height: 31px;
    }

.van-contact-edit .van-button {
    margin-bottom: 10px;
  }

.van-coupon-list {
    height: 100%;
    position: relative;
    background-color: #f8f8f8;
  }

.van-coupon-list__top {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      z-index: 1;
      padding-right: 85px;
      box-sizing: border-box;
    }

.van-coupon-list__field {
      margin: 10px 0;
      padding: 4px 10px 4px 25px
    }

.van-coupon-list__field::after {
  border-radius: 6px;
  border-color: #cacaca;
}

.van-coupon-list__exchange {
      top: 10px;
      right: 15px;
      height: 32px;
      line-height: 30px;
      position: absolute;
      border-radius: 2px;
    }

.van-coupon-list__list {
      max-height: 100%;
      overflow-y: auto;
      padding: 15px 0 60px;
      box-sizing: border-box;
      -webkit-overflow-scrolling: touch;
    }

.van-coupon-list__list h3 {
        color: #999;
        margin: 15px 0;
        font-size: 14px;
        font-weight: normal;
        position: relative;
        text-align: center
      }

.van-coupon-list__list h3::before, .van-coupon-list__list h3::after {
  content: ' ';
  width: 45px;
  height: 1px;
  top: 50%;
  position: absolute;
  background-color: #e5e5e5;
}

.van-coupon-list__list h3::before {
  left: 50%;
  margin-left: -95px;
}

.van-coupon-list__list h3::after {
  right: 50%;
  margin-right: -95px;
}

.van-coupon-list__list .van-coupon-item + h3 {
        margin-top: 30px;
      }

.van-coupon-list__list--with-exchange {
      padding-top: 60px;
    }

.van-coupon-list__close {
      left: 0;
      bottom: 0;
      width: 100%;
      font-size: 15px;
      line-height: 45px;
      text-align: center;
      position: absolute;
      background-color: #fff
    }

.van-coupon-list__close:active {
  background-color: #e8e8e8;
}

.van-coupon-list__empty {
      padding-top: 100px;
      text-align: center;
    }

.van-coupon-list__empty p {
        color: #999;
        margin: 15px 0;
        font-size: 14px;
        line-height: 20px;
      }

.van-coupon-list__empty img {
        width: 80px;
        height: 84px;
      }

.van-coupon-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    height: 100px;
    margin: 0 15px 10px;
  }

.van-coupon-item__head {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      height: 100%;
      line-height: 1;
      min-width: 126px;
    }

.van-coupon-item__lines {
      height: 100%;
      min-width: 18px;
      background: url('') no-repeat;
      background-size: 18px 100px;
    }

.van-coupon-item__gradient {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
              flex: 1;
      color: #fff;
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      text-align: center;
      margin-left: -16px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
              justify-content: center;
      background-image: -webkit-linear-gradient(45deg, #ff6868, #ff8c8c);
      background-image: linear-gradient(45deg, #ff6868, #ff8c8c);
    }

.van-coupon-item__gradient h2 {
        font-size: 22px;
        font-weight: normal;
        margin: 0 0 10px;
      }

.van-coupon-item__gradient h2 span {
          font-size: 16px;
        }

.van-coupon-item__gradient p {
        margin: 0;
        font-size: 14px;
        font-weight: 300;

        overflow: hidden;

        white-space: nowrap;

        text-overflow: ellipsis;
      }

.van-coupon-item__body {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
              flex: 1;
      height: 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      padding: 0 15px;
      overflow: hidden;
      position: relative;
      background-color: #fff;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
              justify-content: center;
      border-radius: 0 4px 4px 0;
    }

.van-coupon-item__body h2 {
        margin: 0;
        opacity: .8;
        font-size: 16px;
        font-weight: normal;
      }

.van-coupon-item__body p, .van-coupon-item__body span {
        color: #999;
        font-size: 12px;
        margin: 5px 0 0;
      }

.van-coupon-item__body p, .van-coupon-item__body h2, .van-coupon-item__body span {
        line-height: 1.4;

        overflow: hidden;

        white-space: nowrap;

        text-overflow: ellipsis;
      }

.van-coupon-item__corner {
      position: absolute;
      top: 0;
      right: 0;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 18px 19px;
      border-radius: 0 4px 0 0;
      border-color: #f44 #f44 transparent transparent;
    }

.van-coupon-item__corner .van-icon {
        position: absolute;
        top: -13px;
        right: -13px;
        color: #fff;
        font-size: 12px
      }

.van-coupon-item__corner .van-icon::before {
  font-weight: bold;
}

.van-coupon-item:active .van-coupon-item__body {
        background-color: #e8e8e8;
}

.van-coupon-item--disabled .van-coupon-item__lines {
        background-image: url('');
      }

.van-coupon-item--disabled .van-coupon-item__gradient {
        background-image: -webkit-linear-gradient(45deg, #a4a9b2, #b7bcc3);
        background-image: linear-gradient(45deg, #a4a9b2, #b7bcc3);
      }

.van-coupon-item--disabled:active .van-coupon-item__body {
          background: #fff;
}

.van-goods-action {
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  position: fixed;
}

.van-goods-action-big-btn {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
            flex: 1;
    padding: 0;
  }

@media (max-width: 321px) {

  .van-goods-action-big-btn {
    font-size: 15px;
  }
}

.van-goods-action-mini-btn {
    color: #666;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    height: 50px;
    font-size: 10px;
    min-width: 15%;
    line-height: 1;
    text-align: center;
    background-color: #fff;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
            justify-content: center;
}

.van-goods-action-mini-btn::after {
  border-width: 1px 0 0 1px;
}

.van-goods-action-mini-btn:first-child::after {
  border-left-width: 0;
}

.van-goods-action-mini-btn:active {
  background-color: #e8e8e8;
}

.van-goods-action-mini-btn__icon {
      width: 1em;
      font-size: 20px;
      margin: 0 auto 5px;
}

.van-submit-bar {
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 100;
  position: fixed;
  -webkit-user-select: none;
          user-select: none;
}

.van-submit-bar__tip {
    color: #f85;
    padding: 10px;
    font-size: 12px;
    line-height: 18px;
    background-color: #fff7cc;
  }

.van-submit-bar__bar {
    height: 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    font-size: 16px;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
    background-color: #fff;
  }

.van-submit-bar__price {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
            flex: 1;
    text-align: right;
    color: #666;
    padding-right: 12px;
  }

.van-submit-bar__price span {
      display: inline-block;
    }

.van-submit-bar__price-integer {
    color: #f44;
  }

.van-submit-bar__price-decimal {
    color: #f44;
    font-size: 12px;
  }

.van-submit-bar .van-button {
    width: 110px;
    height: 100%;
    border-radius: 0;
    font-size: 16px;
  }

.van-submit-bar .van-button--disabled {
      border: none;
    }

.van-sku-container {
    font-size: 14px;
    background: #fff;
    overflow-y: visible;
  }

.van-sku-body {
    max-height: 350px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
  }

.van-sku-body::-webkit-scrollbar {
  display: none;
}

.van-sku-group-container {
    margin-left: 15px;
    padding: 12px 0 2px;
  }

/* sku header */

.van-sku-header {
    margin-left: 15px;
  }

.van-sku-header__img-wrap {
      position: relative;
      float: left;
      margin-top: -10px;
      width: 80px;
      height: 80px;
      background: #f8f8f8;
      border-radius: 2px;
    }

.van-sku-header__img-wrap img {
        position: absolute;
        margin: auto;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        max-width: 100%;
        max-height: 100%;
      }

.van-sku-header__goods-info {
      padding: 10px 60px 10px 10px;
      min-height: 82px;
      overflow: hidden;
      box-sizing: border-box;
    }

.van-sku__goods-name {
    font-size: 12px;
  }

.van-sku__price-symbol {
    vertical-align: middle;
  }

.van-sku__price-num {
    font-size: 16px;
    vertical-align: middle;
  }

.van-sku__goods-price {
    color: #f44;
    margin-top: 10px;
    vertical-align: middle;
  }

.van-sku__close-icon {
    top: 10px;
    right: 15px;
    font-size: 20px;
    color: #999;
    position: absolute;
    text-align: center;
  }

/* sku row */

.van-sku-row {
    margin: 0 15px 10px 0
  }

.van-sku-row:last-child {
  margin-bottom: 0;
}

.van-sku-row__title {
      padding-bottom: 10px;
}

.van-sku-row__item {
      display: inline-block;
      padding: 5px 9px;
      margin: 0 10px 10px 0;
      height: 28px;
      min-width: 52px;
      line-height: 16px;
      font-size: 12px;
      color: #333;
      text-align: center;
      border: 1px solid #999;
      border-radius: 3px;
      box-sizing: border-box;
}

.van-sku-row__item--active {
        color: #fff;
        border-color: #f44;
        background: #f44;
      }

.van-sku-row__item--disabled {
        background: #e8e8e8;
        border-color: #e5e5e5;
        color: #c9c9c9;
      }

/* sku stepper */

.van-sku-stepper-stock {
      padding: 12px 0;
      margin-left: 15px;
    }

.van-sku-stepper-container {
      height: 30px;
      margin-right: 20px;
    }

.van-sku__stepper {
    float: right;
  }

.van-sku__stepper-title {
      float: left;
      line-height: 30px;
    }

.van-sku__stock {
    display: inline-block;
    margin-right: 10px;
    color: #999;
    font-size: 12px;
  }

.van-sku__quota {
    display: inline-block;
    color: #f44;
    font-size: 12px;
  }

.van-sku-messages {
    padding-bottom: 10px;
    background: #f8f8f8;
  }

.van-sku-messages__image-cell .van-cell__title {
        max-width: 90px;
      }

.van-sku-messages__image-cell .van-cell__value {
        text-align: left;
      }

.van-sku-img-uploader {
    display: inline-block;
  }

.van-sku-img-uploader__header {
      padding: 0 10px;
      border: 1px solid #e5e5e5;
      line-height: 24px;
      border-radius: 3px;
      font-size: 12px;
    }

.van-sku-img-uploader__header .van-icon {
        top: 3px;
        margin-right: 5px;
        font-size: 14px;
      }

.van-sku-img-uploader__img {
      height: 60px;
      width: 60px;
      float: left;
      margin: 10px 10px 0 0;
      position: relative;
      border: 1px solid #e5e5e5;
    }

.van-sku-img-uploader__img img {
        max-width: 100%;
        max-height: 100%;
        top: 50%;
        position: relative;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
      }

.van-sku-img-uploader__delete {
      position: absolute;
      color: #f44;
      top: -12px;
      right: -14px;
      z-index: 1;
      padding: 6px
    }

.van-sku-img-uploader__delete::before {
  border-radius: 14px;
  background-color: #fff;
}

.van-sku-img-uploader__uploading {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto;
      width: 20px;
      height: 20px;
    }

/* sku actions */

.van-sku-actions {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
  }
</style><style type="text/css">/* Make clicks pass-through */
#nprogress {
  pointer-events: none;
}
#nprogress .bar {
  background: rgba(52, 152, 219, .7);

  position: fixed;
  z-index: 1031;
  top: 0;
  left: 0;

  width: 100%;
  height: 2px;
}
/* Fancy blur effect */
#nprogress .peg {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 5px rgba(52, 152, 219, .7), 0 0 2px rgba(52, 152, 219, .7);
  opacity: 1.0;

  -webkit-transform: rotate(3deg) translate(0px, -4px);
          transform: rotate(3deg) translate(0px, -4px);
}
/* Remove these to get rid of the spinner */
#nprogress .spinner {
  display: block;
  position: fixed;
  z-index: 1031;
  top: 15px;
  right: 15px;
}
#nprogress .spinner-icon {
  display: none;
  width: 12px;
  height: 12px;
  box-sizing: border-box;

  border: solid 2px transparent;
  border-top-color: rgba(52, 152, 219, .7);
  border-left-color: rgba(52, 152, 219, .7);
  border-radius: 50%;

  -webkit-animation: nprogress-spinner 400ms linear infinite;
          animation: nprogress-spinner 400ms linear infinite;
}
.nprogress-custom-parent {
  overflow: hidden;
  position: relative;
}
.nprogress-custom-parent #nprogress .spinner, .nprogress-custom-parent #nprogress .bar {
  position: absolute;
}
@-webkit-keyframes nprogress-spinner {
  0%   { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes nprogress-spinner {
  0%   { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

</style><style type="text/css">
body {
  color: #333;
  line-height: 1;
  background-color: #f8f8f8;
  font-family: 'PingFang SC', Helvetica, 'STHeiti STXihei', 'Microsoft YaHei', Tohoma, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}
.van-doc-nav-bar .van-nav-bar__title {
    font-size: 15px;
    text-transform: capitalize;
}
.van-doc-nav-bar .van-nav-bar__left, .van-doc-nav-bar .van-nav-bar__right {
    cursor: pointer;
}
.van-doc-nav-bar .van-nav-bar__right {
    font-size: 16px;
}
.van-doc-nav-bar .van-nav-bar__right .van-icon {
      vertical-align: -3px;
}
.van-doc-demo-section {
  margin-top: -46px;
  padding-top: 46px;
}
</style><style type="text/css">
.mobile-nav__item {
    margin-bottom: 20px;
}
.mobile-nav::after {
    display: none;
}
.mobile-nav .van-collapse-item__content {
    padding: 0;
}
.mobile-nav .van-collapse-item__title {
    font-size: 16px;
    line-height: 36px;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
}
</style><style type="text/css">/* color variables */
/* default colors */
/* button */
.side-nav {
  width: 100%;
  box-sizing: border-box;
  padding: 60px 15px 20px;
}
.side-nav .zanui-title, .side-nav .zanui-desc {
    text-align: center;
    font-weight: normal;
    -webkit-user-select: none;
            user-select: none;
}
.side-nav .zanui-title {
    margin: 0 0 15px;
}
.side-nav .zanui-title img, .side-nav .zanui-title span {
      display: inline-block;
      vertical-align: middle;
}
.side-nav .zanui-title img {
      width: 36px;
}
.side-nav .zanui-title span {
      font-size: 40px;
      margin-left: 15px;
      font-family: "Dosis", "Source Sans Pro", "Helvetica Neue", Arial, sans-serif;
}
.side-nav .zanui-desc {
    font-size: 14px;
    color: #455a64;
    margin: 0 0 60px;
}
.mobile-switch-lang {
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 11px;
  border: 1px solid #38f;
  border-radius: 3px;
  color: #38f;
  cursor: pointer;
}
.mobile-switch-lang span {
    width: 32px;
    line-height: 22px;
    text-align: center;
    display: inline-block
}
.mobile-switch-lang span.active {
  color: #fff;
  background-color: #38f;
}
</style><style type="text/css">
.van-doc-demo-pages__gallery {
    margin-top: 30px;
}
.van-doc-demo-pages__item {
    width: 28%;
    text-align: center;
    margin-bottom: 40px;
    display: inline-block
}
.van-doc-demo-pages__item:nth-child(3n+1), .van-doc-demo-pages__item:nth-child(3n+2) {
    margin-right: 4%;
}
.van-doc-demo-pages__item h4 {
      font-size: 14px;
      line-height: 20px;
      font-weight: normal;
}
.van-doc-demo-pages__item img {
      width: 100%;
      cursor: pointer;
      border-radius: 3px;
      background-color: #f8f8f8;
      box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
}
.van-doc-demo-pages__item a {
      font-size: 12px;
      margin: 4px 0 7px;
      display: inline-block;
}
.van-doc-demo-pages__item--active img {
        box-shadow: 0 1px 4px rgba(51, 136, 255, .4), 0 0 0 1px rgba(51, 136, 255, .4);
}
</style></head>
<body ontouchstart="">

<div><div class="van-hairline--bottom van-doc-nav-bar van-nav-bar" style="z-index: 1; display: none;"><div class="van-nav-bar__left"><i class="van-icon van-icon-arrow van-nav-bar__arrow"><!----></i><!----></div><div class="van-ellipsis van-nav-bar__title"></div><div class="van-nav-bar__right"><a href="https://github.com/youzan/vant/blob/dev/packages/undefined/demo/index.vue" target="_blank"><i class="van-icon van-icon-edit"><!----></i></a></div></div><div class="side-nav"><h1 class="zanui-title"><img src="./fd78cf6bb5d12e2a119d0576bedfd230.png"><span>Vant</span></h1><div class="mobile-switch-lang"><span class="">EN</span><span class="active">中文</span></div><h2 class="zanui-desc">轻量、可靠的移动端 Vue 组件库</h2><!----><div class="van-hairline--top-bottom mobile-nav van-collapse"><div class="mobile-nav__item van-collapse-item"><div class="van-cell van-cell--clickable van-hairline van-collapse-item__title"><!----><!----><div class="van-cell__value van-cell__value--alone">基础组件</div><i class="van-icon van-icon-arrow van-cell__right-icon"><!----></i></div><!----></div></div><div class="van-hairline--top-bottom mobile-nav van-collapse"><div class="mobile-nav__item van-collapse-item"><div class="van-cell van-cell--clickable van-hairline van-collapse-item__title"><!----><!----><div class="van-cell__value van-cell__value--alone">表单组件</div><i class="van-icon van-icon-arrow van-cell__right-icon"><!----></i></div><!----></div></div><div class="van-hairline--top-bottom mobile-nav van-collapse"><div class="mobile-nav__item van-collapse-item"><div class="van-cell van-cell--clickable van-hairline van-collapse-item__title"><!----><!----><div class="van-cell__value van-cell__value--alone">操作反馈</div><i class="van-icon van-icon-arrow van-cell__right-icon"><!----></i></div><!----></div></div><div class="van-hairline--top-bottom mobile-nav van-collapse"><div class="mobile-nav__item van-collapse-item"><div class="van-cell van-cell--clickable van-hairline van-collapse-item__title"><!----><!----><div class="van-cell__value van-cell__value--alone">高阶组件</div><i class="van-icon van-icon-arrow van-cell__right-icon"><!----></i></div><!----></div></div><div class="van-hairline--top-bottom mobile-nav van-collapse"><div class="mobile-nav__item van-collapse-item"><div class="van-cell van-cell--clickable van-hairline van-collapse-item__title"><!----><!----><div class="van-cell__value van-cell__value--alone">业务组件</div><i class="van-icon van-icon-arrow van-cell__right-icon"><!----></i></div><!----></div></div></div></div>

<script type="text/javascript" src="./vant-mobile.c6b58ff8.js"></script>

</body></html>